<!--
  作者：谭海军
描述：老师审批
修改人：谭海军 
 -->
<template>
  <div class="Taskbody">
    <div class="footer">
      <div class="leftsumit">作业审批</div>
      <div>
        <div class="startbtn"><el-button>返回</el-button></div>
      </div>
    </div>
    <!-- 作业审批 -->
    <div class="firstbody">
      <ul class="textul">
        <li>项目名称:{{}}</li>
        <li>作业主题:{{}}</li>
        <li>发布时间:{{}}</li>
        <li>截止时间:{{}}</li>
        <li>作业类型:{{}}</li>
        <li>小组:{{}}</li>
      </ul>
      <div class="load">
        <el-button class="loadwen" type="primary" color="#3E94AD"
          >下载附件</el-button
        >
        <a class="loadwens">XXX.docx</a>
      </div>
    </div>
    <!-- 作业内容 -->
    <div class="secondbody">
      <div class="homeworks"><a class="homework">作业内容</a></div>
      <div class="homeworktexts">
        <a class="homeworktext"
          ><el-input
            v-model="textarea"
            class="textareainu"
            placeholder=""
            show-word-limit
            type="textarea"
        /></a>
      </div>
    </div>
    <!-- 评分 -->
    <div class="scoreall">
    <div class="score">
      <div><a class="scoretext">评分：</a></div>
      <div>
        <el-input
          style="width: 130px"
          v-model="scoretext"
          placeholder="请录入分数"
        />
      </div>
    </div>
    <!-- 评语 -->
    <div class="scorefen">
      <div><a class="scoretext">评语：</a></div>
      <div>
        <el-input
          v-model="textarea"
          class="textareainu"
          placeholder=""
          show-word-limit
          type="textarea"
        />
      </div>
    </div>
    </div>
    <!-- 批复完成 -->
    <div class="lastbody">
      <el-button class="overbtn" type="primary" color="#3E94AD"
        >批复完成</el-button
      >
    </div>
  </div>
</template>

<script>
import { ref } from "vue";
export default {
  name: "_submitted1",
  setup() {
    const textarea = ref("");
    return {
      textarea,
    };
  },
};
</script>

<style scoped>
.Taskbody {
  width: 1200px;
  height: 200px;
  margin-top: 100px;
  margin-left: 50px;
}
.footer {
  display: flex;
  justify-content: space-between;
}
.leftsumit {
  width: 130px;
  height: 40px;
  background: #3e94ad;
  color: aliceblue;
  text-align: center;
  line-height: 40px;
  font-size: 16px;
}
.startbtn {
  margin-left: 20px;
  margin-top: 10px;
}
.firstbody {
  width: 100%;
  height: 150px;
  margin-top: 10px;
  background: rgb(194, 225, 233);
  box-shadow: #3e94ad;
  border-radius: 5px;
  box-shadow: 3px 3px 10px #b4b4b4;
}
/* 作业内容 */
.secondbody {
  margin-top: 10px;
  width: 100%;
  height: 110px;
  background: rgb(194, 225, 233);
  border-radius: 5px;
  box-shadow: 3px 3px 10px #b4b4b4;
}
.textul {
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
}
.textul li {
  margin-left: 15px;
  margin-top: 20px;
  width: 22%;
  color: black;
}
.loadwen {
  margin-top: 20px;
  margin-left: 10px;
}
.loadwens {
  color: black;
  margin-left: 10px;
  line-height: 75px;
  position: absolute;
}
.homeworks {
  padding-top: 20px;
}
.homework {
  font-size: 16px;
  color: black;
  margin-left: 10px;
}
.homeworktexts {
  margin-top: 10px;
  margin-left: 10px;
}
.homeworktext {
  margin-left: 40px;
}
/* 评分 */
.scoreall{
  width: 100%;
  height: 110px;
  background:rgb(194, 225, 233);
  border-radius: 5px;
  box-shadow: 3px 3px 10px #b4b4b4;
}
.score {
  padding-top: 10px;
  margin-top: 10px;
  display: flex;
  height: 40px;
}
.scoretext {
  line-height: 30px;
  margin-left: 10px;
}
/* 评语 */
.scorefen {
  display: flex;
}
.overbtn {
  margin-left: 48%;
}
.lastbody {
  margin-top: 20px;
}
.textareainu {
  width: 1100px;
}
</style>
